<template>
  <el-card>
    <el-row>
      <el-col :span="24">
        <el-table
          :data="tableData"
          stripe
          border
          style="width: 100%">
          <el-table-column
            label="未完成的预约"
          >
            <el-table-column
              label="发起预约时间"
              prop="startBookTime"
              width="160"
            />
            <el-table-column
              label="孩子姓名"
              prop="childName"
              width="100"
            />
            <el-table-column
              label="所预约的医生姓名"
              prop="doctorName"
              width="150"
            ></el-table-column>
            <el-table-column
              label="所预约的日期"
              prop="bookDate"
              width="130"
            >
            </el-table-column>
            <el-table-column
              label="所预约的时间段"
              prop="timeSlot"
              width="150"
            >
            </el-table-column>
            <el-table-column
              label="预约人数上限"
              prop="numLimit"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="已预约人数"
              prop="hasBookedNum"
              width="100"
            >
            </el-table-column>
            <el-table-column
              label="预约状态"
              prop="status"
              width="100"
            >
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="info"
                >详情</el-button>
                <el-button
                  size="mini"
                  type="primary"
                >咨询</el-button>
                <el-button
                  size="mini"
                  type="success"
                >取消预约</el-button>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    <el-row :gutter="10" style="margin-top: 40px;">
      <el-col :span="24">
        <el-table
          :data="tableData0"
          stripe
          border
          style="width: 100%">
          <el-table-column
            label="已完成的预约"
          >
            <el-table-column
              label="发起预约时间"
              prop="startBookTime"
              width="180"
            />
            <el-table-column
              label="孩子姓名"
              prop="childName"
              width="100"
            />
            <el-table-column
              label="所预约的医生姓名"
              prop="doctorName"
              width="150"
            ></el-table-column>
            <el-table-column
              label="日期"
              prop="bookDate"
              width="150"
            >
            </el-table-column>
            <el-table-column
              label="时间段"
              prop="timeSlot"
              width="200"
            >
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="info"
                >详情</el-button>
                <el-button
                  size="mini"
                  type="primary"
                >咨询</el-button>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
        <pagination></pagination>
      </el-col>
    </el-row>
  </el-card>

</template>

<script>
  export default {
    name: "parentBookInfo",
    data() {
      return {
        tableData: [{
          startBookTime: '2021-08-29 08:56:30',
          bookDate: '2021-08-30',
          timeSlot: '08:30-09:30',
          numLimit: 3,
          doctorName: "吴钟富",
          childName: '段誉',
          hasBookedNum: 1,
          status: '预约成功'
        }
        ],
        tableData0: [{
          startBookTime: '2020-08-28 08:56:30',
          bookDate: '2020-08-25',
          timeSlot: '08:30-09:30',
          doctorName: "吴钟富",
          childName: '乔峰'
        },
          {
            startBookTime: '2019-08-28 08:56:30',
            bookDate: '2019-08-25',
            timeSlot: '08:30-09:30',
            doctorName: "傅无间",
            childName: '虚竹'
          }
        ],
        total: 100,
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          userName: undefined,
          phonenumber: undefined,
          status: undefined,
          deptId: undefined
        },
      }
    }
  }
</script>

<style scoped>

</style>


